<template>
  <v-app>
    <v-container>
      <v-stepper v-model="e6" vertical>
        <v-stepper-step :complete="e6 > 1" step="1">
          Select an app
          <small>Summarize if needed</small>
        </v-stepper-step>

        <v-stepper-content step="1">
          <v-card color="grey lighten-1" class="mb-12" height="200px"></v-card>
          <v-row>
            <v-col cols="2">
                <v-btn color="primary" @click="e6 = 2" block>下一步</v-btn>
            </v-col>
          </v-row>
        </v-stepper-content>

        <v-stepper-step :complete="e6 > 2" step="2"
          >Configure analytics for this app</v-stepper-step
        >

        <v-stepper-content step="2">
          <v-card color="grey lighten-1" class="mb-12" height="200px"></v-card>
          <v-row>
            <v-col cols="2">
                <v-btn color="primary" @click="e6 = 3" block>下一步</v-btn>
            </v-col>
            <v-col cols="2">
                <v-btn color="secondary" @click="e6 = 1" block>上一步</v-btn>
            </v-col>
          </v-row>
        </v-stepper-content>

        <v-stepper-step :complete="e6 > 3" step="3"
          >Select an ad format and name ad unit</v-stepper-step
        >

        <v-stepper-content step="3">
          <v-card color="grey lighten-1" class="mb-12" height="200px"></v-card>
          <v-row>
            <v-col cols="2">
                <v-btn color="primary" @click="e6 = 4" block>下一步</v-btn>
            </v-col>
            <v-col cols="2">
                <v-btn color="secondary" @click="e6 = 2" block>上一步</v-btn>
            </v-col>
          </v-row>
        </v-stepper-content>

        <v-stepper-step step="4">View setup instructions</v-stepper-step>
        <v-stepper-content step="4">
          <v-card color="grey lighten-1" class="mb-12" height="200px"></v-card>
          <v-row>
            <v-col cols="2">
                <v-btn color="primary" @click="e6 = 1" block>提交</v-btn>
            </v-col>
            <v-col cols="2">
                <v-btn color="secondary" @click="e6 = 3" block>上一步</v-btn>
            </v-col>
          </v-row>
        </v-stepper-content>
      </v-stepper>
    </v-container>
  </v-app>
</template>

<script>
export default {
  name: 'Register',

  data: () => ({
    e6: 1
  })
}
</script>
